<template>
	<view>
		<!-- 手风琴效果 -->
		<uni-collapse accordion="true" @change="servicechange">
		    <uni-collapse-item title="商家服务" >
		        <view style="padding: 20rpx;">
					<!-- 便民服务的订单消息 -->
		            <list-cell title="您的便民服务订单已经完成" border="" tips="查看详情" ></list-cell>
		            <list-cell title="您的快递取件服务订单已经完成" border="" tips="查看详情" ></list-cell>
		            <list-cell title="您的搬家车辆已经到达附近" border="" tips="查看详情" ></list-cell>
		        </view>
		    </uni-collapse-item>
		   
		</uni-collapse>
		<uni-collapse accordion="true" @change="goodschange">
			<uni-collapse-item title="私信通知" >
			    <view style="padding: 20rpx;">
					<!-- 商城的订单消息 -->
			        <list-cell title="您发布的商品已经售出" border="" tips="查看详情" ></list-cell>
			        <list-cell title="***刚刚回复了您" border="" tips="查看详情" ></list-cell>
					<!-- 来自二手商城的通知 -->
			        <list-cell title="您收到45条留言" border="" tips="查看详情" ></list-cell>
			    </view>
			</uni-collapse-item>
		</uni-collapse>
		<uni-collapse accordion="true" @change="propertychange">
			<uni-collapse-item title="物业通知" >
			    <view style="padding: 20rpx;">
			        <list-cell title="物业费缴费成功" border="" tips="查看详情" ></list-cell>
			        <list-cell title="水费缴费成功" border="" tips="查看详情"></list-cell>
			        <list-cell title="电费余额不足" border="" tips="查看详情"></list-cell>
			    </view>
			</uni-collapse-item>
		</uni-collapse>
		<uni-collapse accordion="true" @change="propertychange">
			<uni-collapse-item title="社区通知" >
			    <view style="padding: 20rpx;">
					<!-- 可以只展示两个数据，最新的前两个 -->
			        <list-cell @eventClick="toActivityDetail" title="**组织爱心义卖" border="" tips="查看详情" ></list-cell>
			        <!-- <list-cell  @eventClick="toActivityDetail" title="社区体育活动" border="" tips="查看详情"></list-cell> -->
			    </view>
			</uni-collapse-item>
		</uni-collapse>
		<uni-collapse accordion="true" @change="systemchange">
			<uni-collapse-item title="系统通知" >
			    <view style="padding: 20rpx;">
			        功能暂未开通
			    </view>
			</uni-collapse-item>
		</uni-collapse>
	</view>
</template>

<script>
import uniCollapse from '@/components/uni-collapse/uni-collapse.vue';
import uniCollapseItem from '@/components/uni-collapse-item/uni-collapse-item.vue';
import listCell from '@/components/mix-list-cell';
export default {
	components: { uniCollapse, uniCollapseItem ,listCell},
	methods:{
		servicechange(a){
		},
		goodschange(a){
		},
		propertychange(a){
		},
		systemchange(a){
		},
		toActivityDetail(){
			uni.navigateTo({
				url:'../notice/notice'
			})
		}
	}
};
</script>

<style></style>
